@import "./modules/_all";
.zp-header{
  @extend %zp-head;  
}

.gallery{
  background:#f9f9f9;
  width:750px;
  padding-bottom:20px;
  padding-top:20px;
  border-radius: 3px;
  margin-top:20px;
  display: none;
  float:left;
  @include mobile {
    width:100%;
  }
  &.active{
    display: block;
  }
  .item{
    margin-top:20px;
    width:100%;
    padding:0 25px;
    &:first-child{
      margin-top:0;
    }
    img{
      width:100%;
    }
  }
}

.gallery-nav{
  float:right;
  margin-top:16px;
  @include mobile {
    float:none;
    text-align:none;
  }
  li{
    background:#f9f9f9;
    padding:0 30px;
    margin:4px 0;
    border-radius: 3px;
    a{
      text-decoration: none;
      color:#999;
      line-height:2em;
    }
    &.active,&:hover{
      background:#f3f3f3;
      a{
        color:#{$active-color};
      }
    }
    
  }
}